<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8"/>
    <title>驾校报名</title>
    <link rel="stylesheet" href="css/fore/order.css">
    <link rel="stylesheet" href="css/fore/index.css">
    <link rel="stylesheet" href="css/fore/article.css">
    <script src="js/jquery/2.0.0/jquery.min.js"></script>
    <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/fetch.min.js"></script>
    <script src="js/axios.min.js"></script>

</head>
<body style="min-height: 800px;">
<div class="header">
    <div class="top">
        <div class="top-logo fl">
            <a id="logo" href="index.html" target="_blank"><img src="img/car-logo.png" alt="" class="fl"
                                                                style="margin-top: 20px;width: 45px"><span
                    class="top-logo-text">练车预约系统</span></a>
        </div>
    </div>
    <div class="header-nav">
        <ul id="nav-list">
            <li class="nav-list-li"><a href="index.html">首页</a></li>
            <li class="nav-list-li"><a href="selectcoach.html">明星教练</a></li>
            <li class="nav-list-li"><a href="testorder.html">考试报名</a></li>
            <li class="nav-list-li"><a href="order.html">练车预约</a></li>
            <li class="nav-list-li"><a href="teachingvideo.html">驾考视频</a></li>
            <li class="nav-list-li"><a href="register.html">驾校报名</a></li>
        </ul>
    </div>
</div>
<div id="allContent">
    <div class="container">

        <ul class="navv">
            <li><a href="#nowhere">{{article.title}}</a></li>
        </ul>

    </div>

    <div id="content">
        <!--<h1>驾校</h1>-->
        <div id="article">
            <p>{{article.content}}</p>
        </div>
    </div>
    <div class="footer">
        <p>
            Good CarTeacher©2018 | QQ:123456789
            <a href="#">|关于我们</a>
            <a href="login.html">|驾校登录</a>
        </p>
    </div>
</div>
<script>
    let url = "fore_student_article";
    new Vue({
        el: '#allContent',
        data: {
            article:[]
        },
        mounted: function () {
            self = this;
            url += decodeURI(location.search);
            console.log(url);
            fetch(url).then(function (response) {
                response.json().then(function (jsonObject) {
                    self.article = jsonObject.article;
                    console.log(self.article);
                }).catch(function (err) {
                    console.log("Fetch错误：" + err);
                })
            })
        }
    });
</script>
</body>
</html>
